html,
body {
	margin:0;
	padding:0;
	height:100vh;
    position: relative;
    background: #ffffff;
    width: 100%;
}
html {
    display: table;
}

body {
    position:relative;
    display: table-cell;
}


.mui-slider,
.equipment_information,
.reserve_information,
.equipment_information_content,
.reserve_information_content{
    background:#fff;
}
/*器材与预约部分标题*/
.equipment_information,
.reserve_information {
    background: #ccc;
    color:#424242;
    height:30px;
    line-height:30px;
    font-size: 16px;
}

.reserve_information_content_subtitle {
    background:#fff;
    display: flex;
}
/*器材部分*/
.equipment_information_content {
    font-size: 10px;
    height: 130px;
}
.equipment_information_content_table {
    padding-top: 17px;
    line-height:30px;
    font-size: 14px;
    border:1px;
    width:100%;
}
.equipment_information_content_table td{
}
/*预约部分*/
.reserve_information_content {
    height:200px;
    /*预约人列表内容添加下边距向上移动*/
    padding-bottom:0%;
    background: #ffffff;
}
#reserve_information_content_div{
	border: #333 solid 0px;
	width: 100%;
    height: 100%;
    overflow: scroll;
    background:#fff;
    padding-bottom: 54px;
}
#reserve_information_content_div>table:first-child{
    font-size:12px;
    width:100%;
    background:#fff;
}
   
.reserve_information_content_subtitle_childrenDiv {
	text-align: center;
	color:#8C8C8C;
    padding: 15px;
    flex: 1;
    width: 33.3%;
    font-size:14px;
    font-family: "microsoft yahei";
}
.reserve_information_content_subtitle_childrenDiv_222 {
	text-align: center;
	color:#8C8C8C;
    padding: 15px;
    flex: 1;
    width: 33.3%;
    font-size:14px;
    font-family: "microsoft yahei";
}

.line {
    width: 100%;
    background: #ececf6;
    height: 2px;
}

.reserve_button {
	box-shadow: 0px -3px 5px #ccc;
	background: #fff;
	padding-top:10px;
	height:54px;
}

.reserve_button_appearance {
	background: #fff;
}


@media screen and (min-width:240px) {
    html,
    body {
        font-size: 9px;
    }
}

@media screen and (min-width:320px) {
    html,
    body {
        font-size: 12px;
    }
}

@media screen and (min-width:480px) {
    html,
    body {
        font-size: 18px;
    }
}

@media screen and (min-width:640px) {
    html,
    body {
        font-size: 24px;
    }
}

@media screen and (min-width:960px) {
    html,
    body {
        font-size: 36px;
    }
}

